<html>
<#import "/spring.ftl" as spring/>
<#import "common.ftl" as common/>
<#import "commonGWT.ftl" as gwt/>
<head>
  <title>BananaTraveler</title>
<!--
  <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAARrCK38aboqQKDotehUjrPhTb-vLQlFZmc2N8bgWI8YDPp5FEVBQ-MFjXfKfAvdbsbp3pa0q7fQNDDA"></script>
  -->
</head>

<body id="index">					
	
 <#if message?exists>
	<div style="z-index: 99; position: absolute; left: 200px;">
	 <div class="message">${message}</div>
	</div>
 </#if>	
 


<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" id="table_main">
	<tr><td colspan="2"><center>
		 <@gwt.widget "Banana"/>		
		 <@gwt.finalize/>	
	</center></td></tr>
	<tr>
		<td align="left" valign="top" class="main_content">
	  	  	
 	<@common.box "boxStyle", "locations", "Hot Spots">
		<table>
			<#list frontPage.locations as location>
			<tr>
			<td align="center"><img class="locationIcon" src=${location.ustring} height="75"></td>
			<td>
				<div class="hotspot"> 
					<span class="locname">${location.name}</span> - <span class="locdescrip">${location.description}</span> </li>
				</div>
			</td>
			</tr>
			</#list>
		</table>
	</@common.box>
		
	
		</td>
		<td align="left" valign="top" class="right_nav">
			<#if !user?exists>
			<div class="btloginbox">	
			<@common.box "boxStyle", "signup", "Login">
			Signup and <br><a href="<@spring.url "/signupifpossible.html"/>">Pick a username here!</a>
		  	</@common.box>	
		  	</div>
		  	</#if>  	
		  	
		  <@common.box "boxStyle", "trips", "Recent Trips">
			
				<#list frontPage.trips as trip>
				<div class="trips">
					<div class="tripname">${trip.name}</div>
					<div class="tripuser">${trip.user.username}</div>
				</div>
				</#list>
				
			</@common.box>	
	
	
		</td>
	</tr>
	<tr>
		<td colspan="2">  		

				<@common.box "boxStyle", "comments", "Recent Comments">
				<table id="topcomments" cellspacing="0">
					<#list frontPage.comments as comment>
						<tr><td> ${comment.comment} </td><td width="30%" align="center" class="commentdest"> ${comment.destination.name}</td></tr>
					</#list>
				</table>
			</@common.box>
		

			
		</td>
	</tr>
</table>

    
</body>
</html>